﻿<!doctype html>
<font face="cjs"></font>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>欢迎来到美丽的桂林</title>
    <link rel="stylesheet" type="text/css" href="css/framework.css" />
    <link rel="stylesheet" type="text/css" href="css/button.css" />
    <link rel="stylesheet" type="text/css" href="css/font.css" />
    <link rel="stylesheet" type="text/css" href="index.css" />
    <!-- preload fonts -->
</head>


<body>
    <div class="container" align="center">
        <div class="header">
            <!-- end .header -->
        </div>
        <div class="title">
            <h1 id="h1">桂林简介</h1>
            <p>这里介绍了桂林历史、人物、名校以及风景。</p>
            <p>详情请点击下方图片^_^</p>
        </div>
        <div class="content" style="width:100%; background-color:transparent;" align="center">
            <div align="center">
                <ul class="posterList">
                    <li onClick="location.href = this.querySelector('a').href">
                        <a href="history/index.html">
                            <img src="images/history.jpg" />
                            <div class="back">
                                <h2 id="h2">h2's text is here.</h2>
                                <p>桂林乃历史名城，居要害之地，守广西之心</p>
                            </div>
                        </a>
                    </li>
                    <li onClick="location.href = this.querySelector('a').href">
                        <a href="hero/index.html">
                            <img src="images/hero.jpg" />
                            <div class="back">
                                <h2>数尽风流人物</h2>
                                <p>俗话说，好山好水。我们桂林在2000多年的历史长河中英杰辈出。</p>
                            </div>
                        </a>
                    </li>
                    <li onClick="location.href = this.querySelector('a').href">
                        <a href="schools/index.html">
                            <img src="images/gxnu.jpg" />
                            <div class="back">
                                <h2>书香古第，莘莘学子</h2><p>桂林拥有众多名校。历史悠久的，后来居上的，应有尽有。</p>
                            </div>
                        </a>
                    </li>
                    <li onClick="location.href = this.querySelector('a').href">
                        <a href="sight/index.html">
                            <img src="images/sight.jpg" />
                            <div class="back">
                                <h2>桂林山水甲天下</h2>
                                <p>来桂林，不去游一下就算白来了！桂林是一座旅游城，有奇特的喀斯特地貌。风景优美，山清水秀，人杰地灵！</p>
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
            <!-- end .content -->
        </div>
        <div class="footer">&copy;2013级第六组全体成员</div>
        <!-- end .container -->
    </div>
    <form>
        <input id="input1" value=""/>
        <input id="input2" value="nothing's here"/>
        <input type="text" />
        <input type="button" value="button1" onclick="input1.value = 'something'"/>
        <input type="button" value="button2" />
        <input type="button" value="button3" />
        <input type="button" value="button4" />
        <input type="button" value="button5" />
        <input type="button" value="button6" />
        <input type="hidden" />
        <input type="submit" value="submit1"/>
        <input type="submit" value="submit2"/>
        <select id="usersSelect" name="users">
            <option value="0403">0403</option>
            <option value="wzh">Wzh</option>
            <option value="weizehua">Weizehua</option>
        </select>
        <select id="carsSelect" name="cars">
            <option value="volvo">Volvo</option>
            <option value="saab">Saab</option>
            <option value="fiat">Fiat</option>
            <option value="audi">Audi</option>
        </select>
        <select name="lanuages">
            <option value="cpp">C++</option>
            <option value="cs">C#</option>
            <option value="js">JavaScript</option>
            <option value="java">Java</option>
            <option value="py">Python</option>
        </select>
        
        <a></a>
    </form>
</body>
</html>
